@CHARSET "UTF-8";
/*
transition
작성일 : 2014.10
작성자 : 신재업
*/
#main>div{
	border:1px solid #0000ff;
	width:200px;
	height:80px;
	border-radius:15px;
	margin:30px;
	text-align: center;
	padding : 5px;
	box-shadow:5px 5px 5px #999999;
	transform:rotate(0deg);
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
	
}
#main>div:hover{
	font-weight: bold;
	transform:rotate(5deg);
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}
#div1:hover{
	color:#ffffff;
	background-color: #ff0000;
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}
#div2:hover{
	color:#ffffff;
	background-color: #ff8040;
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}
#div3:hover{
	color:#ffffff;
	background-color: #008000;
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}
#div4:hover{
	color:#ffffff;
	background-color: #0000ff;
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}
#div5:hover{
	color:#ffffff;
	background-color: #400080;
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s;
}

#div1{
	background-color: #ff9393;
}
#div2{
	background-color: #ffbe7d;
}
#div3{
	background-color: #62ff89;
}
#div4{
	background-color: #66b3ff;
}
#div5{
	background-color: #c488ff;
}




